<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=1.0, minimum-scale=1.0, user-scalable=no, target-densitydpi=medium-dpi" />
<title> ::: 골프인 :::</title>
<link rel="stylesheet" type="text/css" href="../css/common.css">
<script  src="../js/common.js"></script>
<script  src="../js/jquery.js"></script>
<script src="../js/jquery.mobile-1.1.0.js"></script>
</head>

<body>
<section id="club_album_write" data-role="page" class="container">
    <!--top-->
    <header data-role="header" data-position="fixed" data-tap-toggle="false">
        <!--top navi-->
        <nav data-role="navbar" data-theme="a" id="top_gnb">
            <ul>
                <li><a href="../inc/navi.html" data-transition="slide">
                    <span class="ico_navi navi1">icon</span> <span class="navi_txt">Menu</span>
                </a></li>
                <li><a href="../inc/info_booking.html" data-transition="slide">
                    <span class="ico_navi navi2">icon</span> <span class="navi_txt">알림</span>
                    <!--새글이 있을때만 보이는 new 아이콘-->
                    <span class="ico_navi navi3">new icon</span>
                </a></li>
            </ul>
        </nav><!-- // id="top_gnb" 끝  -->
        
        <!--title-->
        <div class="top_title_B">
            <h2>앨범게시판 글쓰기</h2>
            <!--right  btn-->
            <div class="top_right">
                <a href="#" data-rel="back" data-direction="reverse" data-transition="slide" class="ico_btn btn11">닫기</a>
            </div>
        </div><!-- // class="top_title_B" 끝  -->
    </header><!-- // header  -->
    
    <!--메인 컨텐츠-->
    <section  data-role="content"> 
        <form action="#" method="#">
             <div class="content-primary board_f">
                <ul data-role="listview" >
                    <!--제목-->
                    <li data-role="fieldcontain">
                        <label>제목</label>
                        <input type="text" placeholder="제목을 입력하여 주세요" /> 
                    </li>
                    
                    <!--이미지 삽입-->
                    <li data-role="fieldcontain" class="li_write">
                        <label>사진첨부</label>
                        <p class="txt_photo">※ 사진 용량은 1장당 3MB이내.</p>
                        <div class="bt_photo"><a name="#" data-role="button" data-theme="d" data-inline="true">사진첨부</a></div>
                        
                        <div class="img_input">
                            <div class="img_area">
                                <img src="../images/default_120_120.gif" alt=""/>
                                <button data-role="none"><em>삭제</em><span class="ico_navi navi27"><em>icon</em></span></button>
                            </div>
                            
                            <div class="img_area">
                                <img src="../images/default_120_120.gif" alt=""/>
                                <button data-role="none"><em>삭제</em><span class="ico_navi navi27"><em>icon</em></span></button>
                            </div>
                            
                            <div class="img_area">
                                <img src="../images/default_120_120.gif" alt=""/>
                                <button data-role="none"><em>삭제</em><span class="ico_navi navi27"><em>icon</em></span></button>
                            </div>
                            
                            <div class="img_area">
                                <img src="../images/default_120_120.gif" alt=""/>
                                <button data-role="none"><em>삭제</em><span class="ico_navi navi27"><em>icon</em></span></button>
                            </div>
                            
                            <div class="img_area">
                                <img src="../images/default_120_120.gif" alt=""/>
                                <button data-role="none"><em>삭제</em><span class="ico_navi navi27"><em>icon</em></span></button>
                            </div>
                            
                            <div class="img_area">
                                <img src="../images/default_120_120.gif" alt=""/>
                                <button data-role="none"><em>삭제</em><span class="ico_navi navi27"><em>icon</em></span></button>
                            </div>
                        </div><!-- //   class="img_input"  --> 
                    </li>
                    
                    <!--상세내역  입력하기-->
                    <li data-role="fieldcontain">
                        <label>상세내용</label>
                        <textarea placeholder="500자 이내로 작성하여 주세요"></textarea>
                    </li> 
                    
                    <!--공개설정-->
                    <li data-role="fieldcontain" class="open">
                        <fieldset data-role="controlgroup" data-type="horizontal">
                            <legend>공개설정</legend>
                            <input type="radio" name="#" id="d1" /><!-- id값과 for값이 동일하게 작업하세요!  -->
                            <label for="d1">전체 공개</label>
                            <input type="radio" name="#" id="d2" /><!-- id값과 for값이 동일하게 작업하세요!  -->
                            <label for="d2">동호회만 공개</label>
                        </fieldset>
                    </li> 
                </ul>
                <p class="txt">※ 게시판 성격에 맞지 않는 글은 관리자에  의하여 별도의 공지 없이 임의로 삭제 될 수 있습니다.</p>
             </div><!-- // class="content-primary" 끝  -->  
             
             <!--btn-->   
             <div  class="btn_area02">
                <div class="ui-grid-a">
                    <div class="ui-block-a"><a name="#" data-role="button" data-theme="b" data-inline="true">등록</a></div>
                    <div class="ui-block-b"><a name="#" data-role="button" data-theme="c" data-inline="true">취소</a></div>
                </div>
            </div>
        </form>         
    </section><!-- // content -->
    
</section><!-- // page -->
</body>
</html>
